import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import vueJsx from "@vitejs/plugin-vue-jsx"
import { PostCssToViewport } from './plugins/postcss-px-to-viewport'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx()
  ],



  css:{
    //配置自定义postcss插件
    postcss:{
      plugins:[PostCssToViewport()]
    },
    //全局增加自定义bem.scss
    // preprocessorOptions:{
    //   scss:{
    //     additionalData: `@import "./src/bem.scss";`
    //   }
    // }
  },
  resolve: {
    alias: {
      // 设置路径
      '~': path.resolve(__dirname, './'),
      // 设置别名
      '@': path.resolve(__dirname, './src'),
    },
  },
})
